<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/tzh/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/tzh/index.css" />
</head>
<body>
    <div class="main2 flex-row">
        <div class="section1 flex-col">
          <div class="main3 flex-row">
            <div class="box1 flex-col">
              <span class="word4">碳足迹</span>
            </div>
          </div>
          <div id="tanzuji" style="width: 90%;height: 80%;margin: 0 auto;margin-top: 20px;"></div>
          </div>
        <div class="section2 flex-col">
          <div class="section3 flex-row">
            <div class="main24 flex-col">
              <span class="txt7">碳减少</span>
            </div>
          </div>
          <div id="qileixing" style="width: 90%;height: 80%;margin: 0 auto;margin-top: 20px;"></div>
          </div>
      </div>
      <div class="main29 flex-col">
        <div class="main30 flex-col">
          <div class="bd1 flex-row">
            <div class="section10 flex-col">
              <span class="word19">碳排放和碳补偿</span>
            </div>
          </div>
          <div id="tanzb" style="width: 90%;height: 80%;margin: 0 auto;margin-top: 20px;"></div>

        </div>

      </div>
      <script src="js/echarts.min.js"></script>
      <script src="js/tanzhonghe.js"></script>
</body>
</html>